<template>
    <!--1.用户信息管理列表-->
    <el-container>
        <!--1-1.页面头部信息-->
        <el-header>
            <!--1-1-1. 查询区域-->
            <div style="display: inline;">
                <el-input placeholder="请输入要查询用户的姓名" prefix-icon="el-icon-search" v-model="funame" class="input-name" />
                <el-button type="primary" class="but-select">搜索</el-button>
            </div>
            <!--1-1-2. 功能区域-->
            <div class="div-header-but">
                <el-button type="primary" plain class="but-select">新增</el-button>
            </div>
        </el-header>
        <!--1-2.列表区域-->
        <el-main>
            <el-table :data="userList">
                <el-table-column prop="code" width="130px" label="人员编号"></el-table-column>
                <el-table-column prop="name" width="130px" label="姓名"></el-table-column>
                <el-table-column prop="sex" width="100px" label="性别"></el-table-column>
                <el-table-column prop="age" width="100px" label="年龄"></el-table-column>
                <el-table-column prop="shenfen" width="180px" label="身份证号"></el-table-column>
                <el-table-column prop="ruTime" width="130px" label="入职日期"></el-table-column>
                <el-table-column prop="cTime" width="130px" label="创建日期"></el-table-column>
                <el-table-column width="200px" label="操作">
                <template slot-scope="scope">
                    <el-button type="success" plain>编辑</el-button>
                    <el-button type="danger" plain>删除</el-button>
                </template>
            </el-table-column>
            </el-table>
        </el-main>

    </el-container>
    <!--2. 模板表单-->
</template>

<script>
export default {
    name: 'EmpList',
    data() {
        return {
            funame: '',
            userList: [
                {"code":"T20230421","name":"张三","sex":"男","age":"23","shenfen":"1566278392390","ruTime":"20220101","cTime":"20211212"},
                {"code":"T20230422","name":"李四","sex":"女","age":"19","shenfen":"1566278392311","ruTime":"20220101","cTime":"20211212"}
            ]
        }
    }
}
</script>
<!-- 1-1-1 开始对应每个控件及页面的样式进行绘制-->
<style>
.input-name {
    width: 1300px;
    margin: 0px;
    padding: 0px;
    size: mini;

}

.but-select {
    margin-left: 5px;
    size: mini;
}
</style>